<!DOCTYPE HTML>
<HTML>
 <HEAD>
	<meta charset="utf-8" />
	<title>dom module</title>
	<style type="text/css">
		body{
			marg9in:0;
		}
		.blue {
			background: blue;
		}
		.red {
			background : red;
			border : 10px solid gray;
			color : blue;
			padding : 10px;
			top:10px;
		}
		.border {
			border : 5px solid gray;
		}
	</style>
	<script type="text/javascript" src="dom-0.1.js"></script>

 </HEAD>

 <BODY style="height:1000px;">
 	
 	<div class='red'>div test</div>
 	<span>Hello</span>
 	<p>
 		<a href="/abc/index.html">qq</a>
 		<button value="btn">button</button>
 		<input type="checkbox" />
 		<input type="radio" />
 	</p>
 	<textarea></textarea>
 	<div id="show"></div>
	<script type="text/javascript">
		
		var div1 = document.getElementsByTagName('div')[0];
		var link = document.getElementsByTagName('a')[0];
		var btn  = document.getElementsByTagName('button')[0];
		var inps = document.getElementsByTagName('input');
		var span = document.getElementsByTagName('span')[0];
		var tarea = document.getElementsByTagName('textarea')[0];

		console.log(dom.hasClass(div1, 'border'));

	</script>	
 </BODY>
</HTML>
